<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变形和过渡属性</title>
    <link rel="stylesheet" href="../CSS/14.1.css">
</head>
<body>
<article>
    <aside>
        <div class="div1">
            <img src="../img/14.1/ballade_dream.jpg" alt="" width="284" height="213">
            <p>郁金香
                上海鲜花港的郁金香，花名：Ballade Dream。
            </p>
        </div>
        <div class="div2">
            <img src="../img/14.1/china_pavilion.jpg" alt="" width="284" height="213">
            <p>世博中国馆
                2010年上海世博会，中国馆。
            </p>
        </div>
    </aside>
    <aside>
        <div class="div3">
            <img src="../img/14.1/ballade_dream.jpg" alt="" width="284" height="213">
            <p>郁金香
                上海鲜花港的郁金香，花名：Ballade Dream。
            </p>
        </div>
        <div class="div4">
            <img src="../img/14.1/china_pavilion.jpg" alt="" width="284" height="213">
            <p>世博中国馆
                2010年上海世博会，中国馆。
            </p>
        </div>
    </aside>
    <aside>
        <div class="div5">
            <img src="../img/14.1/ballade_dream.jpg" alt="" width="284" height="213">
            <p>郁金香
                上海鲜花港的郁金香，花名：Ballade Dream。
            </p>
        </div>
        <div class="div6">
            <img src="../img/14.1/china_pavilion.jpg" alt="" width="284" height="213">
            <p>世博中国馆
                2010年上海世博会，中国馆。
            </p>
        </div>
    </aside>
</article>
</body>
</html>